<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>

	<script type="text/javascript" src="js/schedule.js"></script>
	<link rel="stylesheet" href="https://at.alicdn.com/t/font_234130_nem7eskcrkpdgqfr.css">
</head>
<body>
	<div class="header">
		<div class="wrap">
			<ul>
				<a href=""><li>首页</li></a>
				<a href=""><li>口语预约</li></a>
				<a href=""><li>写作预约</li></a>
				<a href=""><li class="selected"></a>个人中心</li>
			</ul>
			<span class="wel">Welecome 14526-Mark</span>
		</div>
	</div>
	<div class="nav">
		<div class="logo">
			<img src="image/logo.png" alt="">
		</div>
		<div class="nav_title">
			<img src="image/icon3.png" alt="">
			<span>公告</span>
		</div>
		<div class="list">
			<p>Tips:</p>
			<p>1.取消作文必须在上交当天7:00pm前取消，可以直接到系统自主取消课程，若有需要，也可联系助教。</p>
			<p>2.每天中午12：00开放后天的名额。</p>
			<p>必须在上交日9:00pm前上交，超时未上交视为放弃，超常扣费且不返还。老师一般在隔天10:30pm上传作品。</p>
			<p>4.批改作文既是教学也是一个作品，如果不满意请联系助教退款，无需面前。</p>
			<p>5.由于老师休息，周五/周六上交的作文会开放的少一些。</p>
			<p>6.作文呢只保留1个月，请及时下载。</p>
			<p>7.作文方面的答疑，是您收到批改作文的3天内，可以上传作文答疑，老师一般实在下两个工作日的晚上10点半左右上传您的问题答疑，如遇节假日或老师请假，会酌情推迟答疑的时间</p>

		</div>
	</div>

	<div class="content1">
		<div class="content_top">
			<div class="date_btn">
				<img src="image/icon2.png" alt="" class="pic1">
				<span class="date_text">2018-08-01</span>
				<img src="image/icon_bt.png" alt="" class="pic2">
			</div>
			<div class="date_wrap">
				<div class="date_box"></div>
			</div>
			<select class="date_btn1">
			  <option value ="">老师</option>
			  <option value ="volvo">Volvo</option>
			  <option value ="saab">Saab</option>
			  <option value="opel">Opel</option>
			  <option value="audi">Audi</option>
			</select>
			<span class="today_text">今天 2018-01-09</span>
			<span class="icon_refreshtext">刷新</span>
			<img class="icon_refresh" src="image/icon_refresh.png" alt="">
		</div>
		<div class="content_table">
			<table class="table_wrap">
			  <tr>
			    <th></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			    <th class="y_th"><p class="day">26</p><p>SUN</p></th>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">GMT+08</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"><div class="td_box y_select">已有预约</div><div class="td_box"><img src="image/icon_z.png" alt="">查看备注</div></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"><div class="td_box y_qu">已取消</div><div class="td_box"><img src="image/icon_z.png" alt="">查看备注</div></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"><div class="td_box y_select">预约</div><div class="td_box"><img src="image/icon_z.png" alt="">查看备注</div></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"><div class="td_box t_select">取消预约</div><div class="td_box t_select"><img src="image/icon3.png" alt="">查看备注</div></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				    <div class="info1">
				      <div class="info1_title">评价</div>
					  <div class="info1_title1">
					  	<span class="in_left">Name</span><span class="in_right">jack</span></div>
					  	 <div class="info1_title1">
					  	<span class="in_left">Name</span><span class="in_right">jack</span></div>
					  	 <div class="info1_title1">
					  	<span class="in_left">Name</span><span class="in_right">jack</span></div>
					  	 <div class="info1_title1">
					  	<span class="in_left">Name</span><span class="in_right">jack</span></div>
					  <!-- <span class="btn_sure">提交</span> -->
					  <div class="nav2 nav-border"></div>
					  <div class="nav2 nav2-background"></div>
					 </div>
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			   <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			   <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			   <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>
			  <tr>
			    <td class="y_td1">
			    	<p class="time">12:000PM</p>
			    </td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2"></td>
			    <td class="y_td2">
				   
				</td>
			  </tr>

			</table>
		</div>

	</div>
	
	
	<div class="help">
		<span><img src="image/zhu.png" alt=""></span>
		<p>助教</p>
	</div>
</body>
<script type="text/javascript">
	var mySchedule = new Schedule({
    el: '.date_box', //指定包裹元素（可选）
    date: '2018-9-20', //生成指定日期日历（可选）
    clickCb: function(y, m, d) {
        //点击日期回调（可选）
    },
    nextMonthCb: function(y, m, d) {
        //点击下个月回调（可选）
    },
    nextYeayCb: function(y, m, d) {
        //点击下一年回调（可选）
    },
    prevMonthCb: function(y, m, d) {
        //点击上个月回调（可选）
    },
    prevYearCb: function(y, m, d) {
        //点击上一年月回调（可选）
    }
	});
	$(".date_btn").on("click",function(){
    	$(".date_wrap").show();
    })
    $(".btn_sure").on("click",function(){
    	$(".info").hide();
    })
    $(".ti").on("click",function(){
    	$(".info").show();
    })
</script>
</html>